<template>
	<div >
		<div>
			<el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)">
				<el-table-column type="selection" ></el-table-column>
				<el-table-column label="appname" prop="appname"></el-table-column>
				<el-table-column label="apkname" prop="apkname"></el-table-column>
				<el-table-column label="type" prop="type"></el-table-column>
				<el-table-column label="comp_name" prop="comp_name"></el-table-column>
				<el-table-column label="type_number" prop="type_number"></el-table-column>
				<el-table-column label="update_date" prop="update_date"></el-table-column>
				<el-table-column label="download_num" prop="download_num"></el-table-column>
			</el-table>
			<el-pagination @current-change="current_change" layout="total, prev, pager, next, jumper" :page-size="5" :total="total"></el-pagination>
		</div>
	</div>
</template>

<script>
	export default {
		name:"pagination",
		data(){
			return{
				total: 1000,
				pagesize:5,
				currentPage:1,
				istag: true,
				input:"",
				input21:"",
				value5:[],
				tableData:[{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				},{
					appname: '1喵喵直播',
					apkname: '1bdkdl',
					type: '3视频直播',
					comp_name: '1广大科技公司',
					type_number: '1V1.2',
					update_date: '12016-05-02',
					download_num: '123.6'
				}]
			};
		},
		methods:{
			current_change:function(currentPage){
			    var page = this.currentPage = currentPage;
				console.log('currentPage:' + page)
			},
			
		},
		created:function(){
			this.total = this.tableData.length;
			// this.total= this.tableData.length;
			console.log(this.tableData.length);
		},
		mounted(){
			// this.created();
		}
	}
</script>

<style>
</style>
